<template>
  <div>
    <h5>vue3.21</h5>
    {{ hello }}
    <div>{{ back().name }}</div>
    <button @click="count++">{{ count }}</button>
    <hello1
      @onclick="click"
      :title="'123'"
      v-model:count1="count1"
      v-model:count2="count2"
    ></hello1>
    {{ count1 }}
    {{ count2 }}
  </div>
</template>

<script setup>
import { ref } from "vue";
import hello1 from "./hello.vue";
import { back } from "./index.ts";
console.log("hello script setup");
const count = ref(0);
const count1 = ref("");
const count2 = ref("");
let hello = ref("hello world1");
let click = function () {
  console.log("click button");
};
</script>

<style></style>
